<template>
   <div class="sign_list activity">
      <navbar>报名人列表</navbar>
      <div class="content">
        <Slide-bar :height="heights" :canDrag="isDrag" :list="tabList" :index="tabIndex" >
           <div slot="slot-item-0">
             <div class="list">
               <ul>
                 <li class="mx-1px-bottom" v-for="i in list.signed">
                   <div @click="jump_member(i.user_id)" class="liIn">
                     <!--<div @click="i.showTel = !i.showTel" class="liIn">-->
                     <div class="portrait" :style="{backgroundImage:'url('+i.avatar+')'}"></div>
                     <div class="name"><span class="vlc-nowrap" :class="{ 'female': i.sex=='女', 'male': i.sex=='男' }">{{ i.name }}</span></div>
                     <span class="mark marked">已签到</span>
                   </div>
                   <!--<div v-show="i.showTel" class="tel vmc-1px-top"><a href="tel:{{ i.user.mobile }}"><span>{{ i.user.mobile }}</span></a></div>-->
                 </li>
               </ul>
             </div>
           </div>
          <div slot="slot-item-1">
            <div class="list">
              <li class="mx-1px-bottom" v-for="i in list.unsigned">
                <div class="liIn" @click="jump_member(i.user_id)">
                  <div class="portrait" :style="{backgroundImage:'url('+i.avatar+')'}"></div>
                  <div class="name"><span :class="{ 'female': i.sex=='女', 'male': i.sex=='男' }">{{ i.name }}</span></div>
                  <span class="mark">未签到</span>
                </div>
              </li>
            </div>
          </div>
        </Slide-bar>
      </div>
   </div>
</template>
<script type="text/ecmascript-6">
  import js from '../../../../cores/coach/sign_list.vue';

  export default {
    extends: js
  }
</script>
<style rel="stylesheet/less" lang="less">
  @import "../../../../styles/ot.less";
  .sign_list{
      li{
        list-style: none;
      }
      .vlc-slideBar{
        height:100%;
      .vlc-slideBar-wrapper{
        border-bottom: 1px solid #cccccc;
        padding:8px 0;
      }
      .vlc-slideBar-content-item{
        overflow-y: auto;
      >div.myLeadActivity{
         height: 100%;
         padding-bottom: 48px;
       }
      }
      .vlc-slideBar-container{
        height: 100%;
        background-color: #eeeeee;
      }
      }
  }

</style>
